- @no_container = true
- container_class = fluid_layout ? '' : 'container-limited'
- add_to_breadcrumbs s_("CompareRevisions|Compare revisions"), project_compare_index_path(@project)
- page_title "#{params[:from]} to #{params[:to]}"
- add_page_specific_style 'page_bundles/merge_requests'
- add_page_specific_style 'page_bundles/compare_rapid_diffs'

.container-fluid{ class: [container_class] }
  .gl-border-b-0.gl-mb-0.gl-pt-4
    .js-signature-container{ data: { 'signatures-path' => signatures_namespace_project_compare_index_path } }
      #js-compare-selector{ data: project_compare_selector_data(@project, @merge_request, params) }

- if @rapid_diffs_presenter.present?
  .container-fluid{ class: [container_class] }
    = render "projects/commits/commit_list"
  .container-fluid
    = render ::RapidDiffs::AppComponent.new(@rapid_diffs_presenter)
- else
  .container-fluid
    = render Pajamas::CardComponent.new(card_options: { class: "gl-bg-subtle" }) do |c|
      - c.with_body do
        = render Pajamas::EmptyStateComponent.new(svg_path: 'illustrations/empty-state/empty-commit-md.svg',
          title: s_("CompareRevisions|There isn't anything to compare")) do |c|

          - c.with_description do
            - if params[:to] == params[:from]
              - source_branch = capture do
                %span.ref-name= params[:from]
              - target_branch = capture do
                %span.ref-name= params[:to]
              = (s_("CompareRevisions|%{source_branch} and %{target_branch} are the same.") % { source_branch: source_branch, target_branch: target_branch }).html_safe
            - else
              = _("To get a valid comparison, select two different branches.")
